<template>
  <div class="detail">

      <div class="page clearFix">
          <div class="fl content">
              <p>充值</p>
              <p>2017-5-22   13：57：24</p>
          </div>
          <div class="fr get">
              -13
          </div>
      </div>
      <div class="page clearFix">
                <div class="fl content">
                    <p>充值</p>
                    <p>2017-5-22   13：57：24</p>
                </div>
                <div class="fr get">
                    -13
                </div>
            </div>
      <div class="page clearFix">
                <div class="fl content">
                    <p>充值</p>
                    <p>2017-5-22   13：57：24</p>
                </div>
                <div class="fr get">
                    -13
                </div>
            </div>

  </div>
</template>

<script>

export default {
  name: 'Detail',
  data () {
    return {
      msg: 'message'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.detail{
    background:#fff;
    width:100%;
    box-sizing:border-box;
    padding:.4rem .4rem;
}
.page{
    border-bottom:1px solid #000;
    padding:.4rem .4rem;
    margin:.3rem 0;

}
.page .content p{
padding:.1rem 0;
}

.page .get{
    font-size:1rem;
    padding:.2rem .4rem;
}


</style>
